<template>
  <div class="view-label">
    <image src="@/assets/icon/look.png" class="view-label__icon" />
    <span>{{ count }}</span>
  </div>
</template>

<script lang="ts">
export default {
  name: "view-label",
};
</script>

<script setup lang="ts">
withDefaults(
  defineProps<{
    count: number;
  }>(),
  {
    count: 0,
  }
);
</script>

<style lang="less">
.view-label {
  display: flex;
  align-items: center;
  gap: 8px;

  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  color: #8b8b8b;
  &__icon {
    width: 26px;
    height: 20px;
  }
}
</style>
